<template>
  <div class="demo">
    <div class="header">
      <div class="header-inner">
        <div class="title">
          <h1></h1>
          <p></p>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="main-inner">
        <div class="items">
          <ul>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="left">
        <span></span>
      </div>
      <div class="right">
        <span><i></i></span>
      </div>
    </div>
    <div class="texture">
      <i></i>
    </div>
  </div>
</template>

<script>
export default {}
</script>
<style lang='stylus' scoped>
.demo {
  .header {
    .header-inner {
      .title {
        h1 {
        }
        p {
        }
      }
    }
  }
}
</style>